<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  <title>网络公司-案例</title>
  <link rel="stylesheet" href="../res/layui/css/layui.css">
  <link rel="stylesheet" href="../res/static/css/index.css">
</head>
<body>
  <!-- nav部分 -->
<div id="head"></div>
  <!-- banner部分 -->
  <div class="banner case">
    <div class="title">
      <p>资深饲养员</p>
      <p class="en">Successful Case</p>
    </div>
  </div>
  <!-- main部分 -->
  <div class="main-case">
    <div class="layui-container">
      <div class="layui-row" id="siyangyuan">
       
      </div>
      <div id="casePage"></div>
    </div>
  </div>
  <!-- footer部分 -->
 <div id="footer"></div>
<script src="../res/layui/layui.js"></script>
<script src="../js/jquery-1.8.2.js"></script>
<script>
$("#head").load("页眉.html");
$("#footer").load("页脚.html");
$(function(){
	$.ajax({

	    url : "../Em",
	    type : "get",
	    data : {
	    
	    },
	    success : function(res) {
	     if (res.code == 0) {
	    	 var $siyangyuan=$("#siyangyuan");
			//把饲养员渲染到页面

			for(var i=0;i<res.data.length;i++){
				var p=res.data[i];
				$siyangyuan.append(
					"<div class='layui-inline content' style='width:45%;margin:20px'>"+
					"<div class='layui-inline case-img'><img src='"+p.photo+"'  height='400px' width='300px' ></div>"+
					"<p class='lable'>"+p.name+"</p>"+
					"<p>"+p.jianjie+"<P/>"+
					"<p>"+p.maxim+"</p>"+
					"</div>");
			}
			
			
			
			
	     } else {
	      layer.msg("查询饲养员失败");
	     }
	    }
	   });
});





</script>
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
  layui.config({
    base: '../res/static/js/' 
  }).use('firm'); 
</script>
</body>
</html>